<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="cjw">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>店铺管理页面中的-模块-对商品的修改</title>
  <style>
	*{margin: 0; padding: 0;}
	/*S-更多操作*/
	i{width:32px;height:32px;display:block; position:absolute; background-repeat: no-repeat;}
	.more_opera{width:690px; height:420px; position:absolute; background:#8c8888; border-radius:5px; z-index:6; box-shadow: 0px 0px 15px 0px #000;}
	.closeopara_ico{background:url(img/clo7.png); width:32px; height:32px; opacity:0.3; margin-left:650px; margin-top:5px;}
	.closeopara_ico:hover{opacity:1; cursor:pointer;}
	/*S-导航*/
	.opera_nav{width:120px; float:left; margin:7px 8px; overflow:hidden;}
	.opera_nav ul{list-style-type:none;}
	.opera_nav ul li{width:100%; height:35px; cursor:pointer; line-height:35px;}
	.add_li{width:100%; height:35px; cursor:pointer; border-radius:5px 0 0 5px; box-shadow:2px 2px 14px -1px rgb(109, 104, 104); background:#fff; line-height:35px;}
	.add_ico{background:url(img/add.png); margin-left:6px; margin-top:2px;}
	.ale_ico{background:url(img/ale.png); margin-left:6px; margin-top:2px;}
	.dele_ico{background:url(img/dele.png); margin-left:6px;margin-top:2px;}
	.opera_nav ul li span{font-size:16px; margin-left:44px;}
	/*S-内容*/
	.more_opera_ico{background:url(img/moreopera.png); width:48px; height:48px; margin:365px 6px}

	/*S-添加*/
	.add_div{width:555px; height:406px; background:#fff; margin:7px 128px;}
	.add_div_top span{width: 140px; height: 27px;display: block; font-size: 20px; font-family: sans-serif; color: #7b7b7a; margin: 0px 30px; padding-top: 10px; border-bottom: 4px solid #ccc;}
	/*com*/
	.add_div_ico{background:url(img/add_div_ico.png); margin:270px 491px; opacity:0.4;}
	.add_div_ico:hover{opacity:1; cursor:pointer;}
	.add_div_com{height:305px; overflow:hidden; padding-left: 22px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; width:516px; overflow-y:auto; overflow-x:hidden;}
	.add_div_com table tbody tr{height: 30px; background: #f5f0b4;}
	.add_div_com table tbody .tr_top{background:#ccc; height:35px;}
	.add_div_com table tbody .tr_addsingular{background: #b8d9e8;}
	.add_div_com table tbody tr td{width:162px;}
	.add_div_com table tbody tr td input[type="text"]{width: 150px; height: 22px;border: 0px;background:rgba(0,0,0,0);text-align: center;}
	
	/*bom*/
	.add_div_bom{height:40px;}
	.add_div_bom input{width: 200px;height: 30px;margin: 6px 183px;outline: none;box-shadow: 0px 0px 15px -2px #000;border-radius: 5px;border: 0;cursor:pointer;}

	/*S-修改*/
	.ale_div{width:555px;height:406px;background:#fff;margin:7px 128px;display:none;}
	.ale_div_top span{width: 140px;height: 27px;display: block;font-size: 20px;font-family: sans-serif;color: #7b7b7a;margin: 0px 30px;padding-top: 10px;border-bottom: 4px solid #ccc;}
	/*com*/
	.ale_div_com{height:305px;overflow:hidden;padding-left: 2px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;width:538px;overflow-y:auto;overflow-x:hidden;}
	.ale_div_com table tbody tr{height: 30px;background: #f5f0b4;}
	.ale_div_com table tbody .tr_top{background:#ccc;height:35px;}
	.ale_div_com table tbody .tr_singular{background: #b8d9e8;}
	.ale_div_com table tbody tr td{width:162px;}
	.ale_div_com table tbody tr .Check_td{width:40px;}
	.ale_div_com table tbody tr td input[type="text"]{width: 150px; height: 22px;border: 0px;background:rgba(0,0,0,0);text-align: center;}
	.aleter_ico{background:url(img/alter.png);width:29px;height:29px;margin: -14px 5px;opacity:0.2;position:inherit;}
	.aleter_ico:hover{cursor:pointer;opacity:1;}
	/*bom*/
	.ale_div_bom{height:40px;}
	.ale_div_bom input{width: 200px;height: 30px;margin: 6px 183px;outline: none;box-shadow: 0px 0px 15px -2px #000;border-radius: 5px;border: 0;cursor:pointer;}

	/*S-删除*/
	.dele_div{width:555px;height:406px;background:#fff;margin:7px 128px;display:none;}
	.dele_div_top span{width: 140px;height: 27px;display: block;font-size: 20px;font-family: sans-serif;color: #7b7b7a;margin: 0px 30px;padding-top: 10px;border-bottom: 4px solid #ccc;}
	/*com*/
	.dele_div_com{height:305px;overflow:hidden;padding-left: 2px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;width:538px;overflow-y:auto;overflow-x:hidden;}
	.dele_div_com table tbody tr{height: 30px;background: #f5f0b4;}
	.dele_div_com table tbody .tr_top{background:#ccc;height:35px;}
	.dele_div_com table tbody .tr_singular{background: #b8d9e8;}
	.dele_div_com table tbody tr td{width:162px;}
	.dele_div_com table tbody tr .Check_td{width:40px;}
	.drop_ico{background:url(img/b_drop1.png);width:29px;height:29px;margin: -14px 5px;opacity:0.2;position:inherit;}
	.drop_ico:hover{background:url(img/b_drop2.png);cursor:pointer;opacity:1;}
	
	/*bom*/
	.dele_div_bom{height:40px;}
	.dele_div_bom input{width: 200px;height: 30px;margin: 6px 183px;outline: none;box-shadow: 0px 0px 15px -2px #000;border-radius: 5px;border: 0;cursor:pointer;}

	/*E-更多操作*/
  </style>
 </head>
 <body>
	<!--S-更多操作-->
    <div class="more_opera" id="cont_cont">
		<!---->
		<i class="closeopara_ico"></i>
		
		<!--S-导航-->
		<div class="opera_nav">
			<ul>
				<li class="add_li" id="add_li" >
					<i class="add_ico"></i>
					<span>添加</span>
				</li>
				<li id="ale_li">
					<i class="ale_ico"></i>
					<span>修改</span>
				</li>
				<li id="dele_li">
					<i class="dele_ico"></i>
					<span>删除</span>
				</li>
			</ul>
		</div>
		<!--E-导航-->
		<!---->
		<i class="more_opera_ico"></i>
		
		<!--S-内容-->
		<!--添加-->
		<div class="add_div" id="add_div">
			<!--top-->
			<div class="add_div_top" style="height:55px;">
				<span>添加内容</span>
			</div>
			<!--com-->
			<!---->
			<i class="add_div_ico" id="add_div_ico"></i>
			
			<div id="add_div_com" class="add_div_com">
				<table style="text-align:center;">
					<tbody id="add_tbody">
						<tr class="tr_top">
							<td>名称</td>
							<td>url</td>
							<td>desc</td>
						</tr>
						<tr>
							<td>xxx</td>
							<td>/xxx/xxx.xxx</td>
							<td>描述添加的内容</td>
						</tr>
						<tr "+cla_str+" id='tr_"+add_num+"'><td><input type='text' value='' name='text_"+add_num+"'></td><td><input type='text' value='' name='text_"+add_num+"'></td><td><input type='text' value='' name='text_"+add_num+"'></td></tr>
					</tbody>
				</table>
			</div>
			<!--bom-->
			<div class="add_div_bom">
				<input id="add_store" type="button" value="保存添加">
			</div>
		</div>
		<!--修改-->
		<div class="ale_div" id="ale_div">
			<!--top-->
			<div class="ale_div_top" style="height:55px;">
				<span>修改内容</span>
			</div>
			<!--com-->
			
			<div class="ale_div_com" id="ale_div_com">
				<table style="text-align:center;">
					<tbody id="ale_tbody">
						<tr class="tr_top">
							<td>名称</td>
							<td>url</td>
							<td>desc</td>
							<td class="Check_td">修改</td>
						</tr>
					</tbody>
				</table>
			</div>
			<!--bom-->
			<div style="height:40px;">
				<input id="ale_stroe" type="button" value="保存修改" style="    width: 200px;height: 30px;margin: 6px 183px;outline: none;box-shadow: 0px 0px 15px -2px #000;border-radius: 5px;border: 0;cursor:pointer;">
			</div>
		</div>
		<!--删除-->
		<div class="dele_div" id="dele_div">
			<!--top-->
			<div class="dele_div_top" style="height:55px;">
				<span>删除内容</span>
			</div>
			<!--com-->
			<div class="dele_div_com" id="dele_div_com">
				<table style="text-align:center;">
					<tbody id="dele_tbody">
						<tr class="tr_top">
							<td>名称</td>
							<td>url</td>
							<td>时间</td>
							<td class="Check_td">删除</td>
						</tr>
					</tbody>
				</table>
			</div>
			<!--bom-->
			<div style="height:40px;">
				<input id="dele_store" type="button" value="保存删除" style="    width: 200px;height: 30px;margin: 6px 183px;outline: none;box-shadow: 0px 0px 15px -2px #000;border-radius: 5px;border: 0;cursor:pointer;">
			</div>
		</div>
		<!--E-内容-->
	 </div>
	<!--E-更多操作-->
	<script src="js/MyjsV0-3.js"></script>
	<!--更多操作模块-->
	<script src="js/more_controlMudle.js"></script>
	<script>
	</script>
 </body>
</html>